<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // 第一题

        var a = "get-element-by-id"

        function rewrite(s) {
            var arr = s.split("-")
            //使用split方法，使字符串以“-” 分隔，返回数组
            for (var i = 1; i < arr.length; i++) {
                arr[i] = arr[i].charAt(0).toUpperCase() + arr[i].slice(1);
                //CharAt()可以返回指定索引处的字符，.toUpperCase()可以将字符改成大写，
                //通过两个方法可以使数组元素的第一个字母改成大写
            }
            s = arr.join("");
            //将数组连接起来变成字符串
            return s;
        }

        console.log(rewrite(a))


        // 第二题

        function Foo() {
            var i = 0;
            return function () {
                console.log(i++);
            }
        }
        var f1 = Foo(),
            f2 = Foo();
        f1(); //结果为0，在函数中，设置变量i=0，输出i++,先输出i的值，在+1；
        f1(); //结果为1，同样是f1(),所以函数继续执行，输出i的值：1；
        f2(); //结果为0，f2()为新设置的函数，进程重新开始，所以结果同第一个f1()一样，为0
        console.log(i); //结果为输出错误：i is not defined ，因为i在函数中定义，为局部变量，在函数外无效。


        // 第三题

        function find(n) {
            var count = 0;
            var cnt;
            var arr = ['S', 'L', 'P', 'R', 'H'];
            while (count < n) {
                cnt=arr.shift(); //去掉第一个人
                count++;           //人数+1
                arr.push(cnt);     //在队尾加一个前面去掉的人
                arr.push(cnt);

            }
            console.log(cnt);
        }
    </script>
</body>

</html>